/* 主容器样式 */
body{
  background-color: #F4F7FF;
}
.container1280 {
  max-width: 1280px;
  margin: 0 auto;
}

.commonTitle {
  text-align: center;
  font-weight: 600;
  font-size: 42px;
  color: #101317;
  letter-spacing: 3px;
}

.highlight {
  color: #0066FF;
}

.commonSub {
  color: #7C8692;
  font-size: 20px;
  margin-top: 5px;
  text-align: center;
}

.scroll-container {
  width: 100%;
  margin: 80px 0 120px;
}

.scroll-row {
  display: flex;
  overflow: hidden;
  height: 120px;
  margin-bottom: 12px;
}

.scroll-track {
  display: flex;
  animation: scroll-left 50s linear infinite;
}

.scroll-row:nth-child(2) .scroll-track {
  animation: scroll-right 50s linear infinite;
}

.scroll-track .item {
  width: 280px;
  height: 120px;
  background: url(../../img/logos1.png) no-repeat center / contain;

  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  flex-shrink: 0;
}

.scroll-track .item img {
  max-width: 80%;
  max-height: 80%;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
